/* 
	1 r1红桃A
	1 r2方块A
	1 b1黑桃A
	1 b2梅花A
 */

    $(function(){
        
        var aPai=$('.aPai');
        var A_yes=$('.A_yes');
        var Ade=$('.Ade');
        var Bde=$('.Bde');
        var i=1;
        var left=20;
        var totalAscore=0;
        var totalBscore=0;
        var B_num=$('.B_num');
        var A_score=$('span.A_score');
        var cardNumber=3;
        var winner=$('.winner');
        console.log(winner)
        var getAscore=$('.getAscore')
        var getBscore=$('.getBscore')
        $('#xi').hide()
        $('#fa').hide()

        // B牌数目
        var B_sum=0;
        // 初始的四张牌
        // var poker=[
        //     {
        //         color:'spade',//黑桃
        //         point:'2',
        //         num:2
        //     },//2b1
        //     {
        //         color:'heart',
        //         point:'2',
        //         num:2
        //     },//2r1
        //     {
        //         color:'dianmond',//方块
        //         point:'2',
        //         num:2
        //     },//2r2
        //     {
        //         color:'club',//梅花
        //         point:'2',
        //         num:2
        //     }//2b2
        // ]
        var poker=[];
        var total=48;
        var shengyu=$('.shengyu');
        
        // 剩余纸牌数量
        function num(){
            shengyu.html(total)
        }
        num()
        
        // 读取最初四张牌（玩家A两张，玩家B两张）
        $.ajax({
            url:'http://192.168.60.149:8080/21Game_war/start',
            type:'get',
            data:{
                // cardNumber:4
            },
            async:false,
            dataType:'json',
            success:function(data){
                // 将摸到的牌添加进玩家A数组,更新剩余数量total
                console.log(data)
                poker=data
                console.log(poker)
            },
            error:function(err){
                console.error(err)
            }
    
        })
        // console.log(poker)

        //-----------------------------玩家A的poker------------------------
        var playA=[];
        for(var i=0;i<2;i++){
            playA.push(poker[i])
        }
        console.log(playA)
        
        // 给玩家A分配初始牌
        for(var k=0;k<playA.length;k++){
            
            if(playA[k].color=='spade'){
                    var imgA=$(`<img src="../images/${playA[k].point}b1.png" id="a${k}">`)
                    aPai.append(imgA)
            }
            else if(playA[k].color=='heart'){
                    var imgA=$(`<img src="../images/${playA[k].point}r1.png" id="a${k}">`)
                    aPai.append(imgA)
            }
            else if(playA[k].color=='diamond'){
                    var imgA=$(`<img src="../images/${playA[k].point}r2.png" id="a${k}">`)
                    aPai.append(imgA)
            }
            else if(playA[k].color=='club'){
                    var imgA=$(`<img src="../images/${playA[k].point}b2.png" id="a${k}">`)
                    aPai.append(imgA)
            }
        }
        
        //计算A的分数
        function Ascore(){
            totalAscore=0;
            for(var i=0;i<playA.length;i++){
                totalAscore+=playA[i].num;
            }
            if(totalAscore>21){
                winner.html('B')
                getAscore.html(totalAscore)
                getBscore.html(totalBscore)
                setTimeout(function(){
                    // 换页面
                    // alert('结束')
				    $(".alte").fadeIn(300)
                },1000)
            }
            A_score.html(totalAscore)
        }
        Ascore()
        
        
        
        //------------------------- 玩家B的poker-----------------------------
        var playB=[];
        for(var j=2;j<4;j++){
            playB.push(poker[j])
        }
        console.log(playB)
        
        // 玩家B的总分数
        totalBscore = playB[0].num + playB[1].num
        B_num.html(totalBscore)
        
        // 点击A模
        A_yes.mousedown(function(e){
            cardNumber++;
            
            // 发给后端摸牌
            $.ajax({
                    url:'http://192.168.60.149:8080/21Game_war/getcard',
                    type:'get',
                    data:{
                        cardNumber:cardNumber
                    },
                    async:false,
                    dataType:'json',
                    success:function(data){
                        // 将摸到的牌添加进玩家A数组,更新剩余数量total
                        console.log(data)
                        playA.push(data)
                    },
                    error:function(err){
                        console.error(err)
                    }
            
                })
            
            
            // 模拟摸了梅花7
            // playA.push(
            //     {
            //         color:'club',//梅花
            //         point:'7',
            //         num:7
            //     }//2b2
            // )
            console.log(playA)
            // 计分
            Ascore()
            // 更新剩余数量
            total--;
            num()
            
            
            i++;
            left=left+20;
            var img;
            // 展示对应的牌
            function m_type(i){
                if(playA[playA.length-1].color=='spade'){
                    img=$(`<img src="../images/${playA[playA.length-1].point}b1.png" id="a${i}">`)
                }
                else if(playA[playA.length-1].color=='heart'){
                    img=$(`<img src="../images/${playA[playA.length-1].point}r1.png" id="a${i}">`)
                }
                else if(playA[playA.length-1].color=='diamond'){
                    img=$(`<img src="../images/${playA[playA.length-1].point}r2.png" id="a${i}">`)
                }
                else if(playA[playA.length-1].color=='club'){
                    img=$(`<img src="../images/${playA[playA.length-1].point}b2.png" id="a${i}">`)
                }
            }
            m_type(i)
            
            img.css({left:300})
            img.animate({left:`${left}px`},1000)
            aPai.append(img)
            
            //按下按钮颜色变化
            $(this).addClass('colorActive')
            
            
            
            // 鼠标弹起
            $(this).mouseup(function(){
                $(this).removeClass('colorActive')
            })
            
            // 计算A的分数和比较21的大小是否显示弹出框
            
        })
        
        // A点击不摸
        var A_no=$('.A_no');
        A_no.click(function(){
            B_num.html(totalBscore)
            A_score.html('*')
            Ade.attr('class','yc')
            Bde.removeClass('Byc')
        })
        
        // B摸牌
        var B_yes=$('.B_yes');
        B_yes.mousedown(function(){
            cardNumber++;
            console.log(cardNumber)


            $(this).addClass('colorActive')
            
            $(this).mouseup(function(){
                $(this).removeClass('colorActive')
            })
            
            // 请求后端
            $.ajax({
                url:'http://192.168.60.149:8080/21Game_war/getcard',
                type:'get',
                data:{
                    cardNumber:cardNumber
                },
                async:false,
                dataType:'json',
                success:function(data){
                    // 将摸到的牌添加进玩家A数组,更新剩余数量total
                    console.log(data)
                    playB.push(data)
                },
                error:function(err){
                    console.error(err)
                }
        
            })
            
            // console.log(playB)
            
            // 模拟摸了方块
            // playB.push(
            //     {
            //         color:'dianmond',//方块
            //         point:'8',
            //         num:8
            //     }//2b2
            // )
            
            
            // 求B分数
            function Bscore(){
                totalBscore=0;
                for(var i=0;i<playB.length;i++){
                    totalBscore+=playB[i].num;
                }
                // console.log(totalBscore)
                if(totalBscore>21){
                    winner.html('A')
                    getAscore.html(totalAscore)
                    getBscore.html(totalBscore)
                    setTimeout(function(){
                        // 换页面
                        // alert('结束')
                        // 换页面(弹框)
				        $(".alte").fadeIn(300)
                    },100)
                }
                
            }
            Bscore();
            
            total--;
            num();
            console.log(totalBscore)
            
            B_sum=playB.length;
            B_num.html(totalBscore);
            // console.log(B_sum)
        })
        
        // B不摸牌
        var B_no=$('.B_no');
        B_no.mousedown(function(){
            getBscore.html(totalBscore)
            getAscore.html(totalAscore)
            $(this).addClass('colorActive')
            
            $(this).mouseup(function(){
                $(this).removeClass('colorActive')
            })
            
            // 比较A和B的分数，是显示弹出框
            if(totalAscore>totalBscore){
                winner.html('A')
                // console.log(A)
                // 换页面(弹框)
				$(".alte").fadeIn(300)
            }
            else if(totalAscore<totalBscore){
                // B赢
                winner.html('B')
                console.log('B赢')
                // 换页面(弹框)
				$(".alte").fadeIn(300)
            }
            else{
                winner.html('AB')
                $(".alte").fadeIn(300)
            }
        })
        $(".ret").click(function(){
            window.location.href="index.html"
        })
        B_num.html('*')
        
        $(".start").click(function(){
            $(".alte").fadeOut(300)
        })
        let fa = document.querySelector('#fa')
        let xi = document.querySelector('#xi')
        let btn = document.querySelector('.start')
        let btna = document.querySelector('.A_yes')
        let btnb = document.querySelector('.B_yes')


        // console.log(btna)
        btn.onclick = function play(){
            xi.play();
        }
        btna.onclick = function play(){
            fa.play();
        }
        btnb.onclick = function play(){
            fa.play();
        }
    })
    
    